<template>
  <div class="userbook">
    <div class="head">
      <i class="iconfont head-icon" @click="comeBack">&#xe689;</i>
      捐赠证书
    </div>
    <div class="change-list">
      <ul>
        <li @click="tabChange('one')" class="change-border"><button :class="{'change-active': isA == true}">模板一</button></li>
        <li @click="tabChange('two')"><button :class="{'change-active': isA == false}">模板二</button></li>
      </ul>
    </div>
    <div class="userbook-message" :class="{ 'userbookBg': isA == false}">
      <h2>捐赠证书</h2>
      <p style="margin: 20px 0px">尊敬的 <span class="lineText" v-html="list.userName"></span>：</p>
        <p class="userbook-text">截至<span class="lineText">{{list.year}}</span>年<span class="lineText">{{list.month}}</span>月<span class="lineText">{{list.day}}</span>日，您已在亲青筹公益众筹平台上捐赠<span class="lineText">{{list.number}}</span>次，捐款<span class="lineText">{{list.totalMoney}}</span>元。</p>
        <p class="userbook-content">奉献微爱心，关爱青少年，每一笔捐赠都承载着希望与寄托！我们相信，
        涓涓细流一定能汇聚成爱的海洋。感谢您的支持和信任！</p>

        <p class="userbook-foot foot ">浙江省青少年发展基金会
          <img class="gongzhang" src="../../images/gongzhang.png" alt="">
        </p>
        <p class="userbook-foot footer"><span class="lineText2">{{list.year}}</span>年<span class="lineText2">{{list.month}}</span>月<span class="lineText2">{{list.day}}</span>日</p>
    </div>






  </div>
</template>

<script src="./userbook.js"></script>
